/*
 * Dandelion Admin v1.0 - Core Stylesheet
 *
 * This file is part of Dandelion Admin, an Admin template build for sale at ThemeForest.
 * For questions, suggestions or support request, please mail me at maimairel@yahoo.com
 *
 * Development Started:
 * March 25, 2012
 *
 * ===============================================
 * Table of Contents
 * ===============================================
 *
 * 1. Colors
 * 2. Selection Colors
 * 3. Body
 * 4. Main Wrapper
 * 5. Header
 *    5.1 Top Header
 *        5.1.1 Top Header Toolbar
 *        5.1.2 Top Header Buttons
 *        5.1.3 Top Header Dropdown
 *    5.2 Bottom Header
 *        5.2.1 Search
 *        5.2.2 Breadcrumbs
 * 6. Main Content
 *    6.1 Sidebar Separator
 *    6.2 Sidebar
 *        6.2.1 Main Navigation
 *              6.2.1.1 Sub Navigation
 *    6.3 Main Container
 * 7. Footer
 * 8. Media Queries
 *    8.1 Media query for screens smaller than 1024px (Tablet, old Desktop)
 *    8.2 Media query for screens between 480px and 1024px (Tablet to desktop)
 *    8.3 Media query for screens smaller than 768px (Tablet Portrait)
 *    8.4 Media query for screens smaller than 480px (Full Mobile)
 *
 */

/* (1) Colors
================================================== */

.da-highlight
{
	color:#D44D24;
}

::-webkit-input-placeholder
{
    color:#999;
}

:-moz-placeholder
{
	color:#999;
}

.placeholder
{
    color:#999;
}

a
{
	color:#73991f;
	text-decoration:none;
	outline:none;
}

a:hover
{
	text-decoration:underline;
}


/* (2) Selection Colors
================================================== */

::-moz-selection
{
	color:#ffffff;
	background: #A9CA60;
}

::selection
{
	color:#ffffff;
	background:#A9CA60;
}

/* (3) Body
================================================== */

body
{
	background-color:#f2f2f2;
	color:#444444;
	font:12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

/* (4) Main Wrapper
================================================== */

div#da-wrapper
{
	height:auto;
	min-height:100%;
	position:relative;
	min-width:320px;
}

div#da-wrapper, 
div#da-wrapper.fluid
{
	width:100%;
}

div#da-wrapper .da-container, 
div#da-wrapper.fluid .da-container
{
	width:96%;
	margin:auto;
}

div#da-wrapper.fixed
{
	min-width:960px;
}

div#da-wrapper.fixed .da-container
{
	width:960px;
}

/* (5) Header
================================================== */

div#da-header
{
	z-index:200;
	position:relative;
}

	/* (5.1) Top Header
	================================================== */

	div#da-header #da-header-top
	{
		position:relative;
	}
	
	div#da-header #da-header-top #da-logo-wrap
	{
		float:left;
	}
	
	div#da-header #da-header-top #da-logo
	{
		width:230px;
		height:55px;
		display:table-cell;
		vertical-align:middle;
	}
	
	div#da-header #da-header-top #da-logo-img img
	{
		max-width:230px;
		max-height:55px;
	}

		/* (5.1.1) Top Header Toolbar
		================================================== */
		
		div#da-header #da-header-top #da-header-toolbar
		{
			float:right;
			border-left:1px solid #161616;
			border-left:1px solid rgba(0, 0, 0, 0.6);
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile, 
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container
		{
			float:left;
			position:relative;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile
		{
			border-left:1px solid #535353;
			border-left:1px solid rgba(255, 255, 255, 0.2);
			border-right:1px solid #161616;
			border-right:1px solid rgba(0, 0, 0, 0.6);
			padding:0 12px;
			cursor:pointer;
			background:url(../../images/user-drop-arrow.png) no-repeat right center;
			padding-right:24px;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile #da-user-avatar, 
		div#da-header #da-header-top #da-header-toolbar #da-user-profile #da-user-info
		{
			float:left;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile #da-user-avatar
		{
			height:32px;
			padding:12px 0;
			margin-right:12px;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile #da-user-avatar img
		{
			max-width:32px;
			max-height:32px;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile #da-user-info
		{
			font-size:12px;
			color:#ffffff;
			line-height:1;
			padding:13px 0;
			font-weight:bold;
			position:relative;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile #da-user-info .da-user-title
		{
			color:#eaeaea;
			font-size:11px;
			margin-top:6px;
			font-weight:normal;
			display:block;
		}

		/* (5.1.2) Top Header Buttons
		================================================== */
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container
		{
			border-left:1px solid #535353;
			border-left:1px solid rgba(255, 255, 255, 0.2);
			padding:10px 0 10px 7px;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul
		{
			margin-bottom:0;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li
		{
			margin-left:0;
			list-style:none;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.da-header-button
		{
			float:left; display:block;
			width:36px; height:36px;
			margin-left:4px;
			position:relative;
			background:url(../../images/toolbar-button.png) no-repeat center top;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.da-header-button.active
		{
			background-position:center bottom;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.da-header-button.active > a
		{
			margin-top:1px;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.da-header-button > a
		{
			text-decoration:none;
			text-indent:-99999px;
			display:block;
			margin:auto;
			cursor:pointer;
			width:36px;
			height:36px;
			outline:none;
			background-position:center center;
			background-repeat:no-repeat;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.notif.da-header-button > a
		{
			background-image:url(../../images/icons/white/16/alert_2.png);
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.message.da-header-button > a
		{
			background-image:url(../../images/icons/white/16/message_small.png);
		}
		
		/*div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.logout.da-header-button > a*/
		.da-header-button-logout
		{
			background-image:url(../../images/icons/white/16/off_small.png);
			text-decoration:none;
			text-indent:-99999px;
			display:block;
			margin:auto;
			cursor:pointer;
			width:36px;
			height:36px;
			outline:none;
			background-position:center center;
			background-repeat:no-repeat;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.da-header-button span.da-button-count
		{
			position:absolute;
			color:#ffffff;
			left:100%;
			margin-left:-12px;
			top:-4px;
			font-size:10px;
			display:block;
			padding:4px;
			line-height:1;
			z-index:250;
			min-width:10px;
			text-align:center;
			background:#e15656;
			
			border:1px solid #990000;
			
			-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
			-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
			-o-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
			box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);			
			
			-webkit-border-radius:9px;
			-o-border-radius:9px;
			-moz-border-radius:9px;
			border-radius:9px;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.da-header-button.active span.da-button-count
		{
			top:-3px;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-header-button-container ul li.da-header-button .da-header-dropdown
		{
			margin-top:11px;
		}

		/* (5.1.3) Top Header Dropdown
		================================================== */
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown
		{
			position: absolute;
			top: 100%; right:0;
			display:none;
		
			padding:4px 0;
			margin: 2px 0 0;
			background-color: #ffffff;
			border:1px solid #c5c5c5;
			border:1px solid rgba(100, 100, 100, 0.4);
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			
			-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
			-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li
		{
			margin:0;
			list-style:none;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li.da-dropdown-caret
		{
			position: absolute;
			top: -8px;
			width: 20px;
			height: 8px;
		
			overflow: hidden;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile ul.da-header-dropdown li.da-dropdown-caret
		{
			right:30px;
		}
		
		div#da-header #da-header-top #da-header-toolbar .da-header-button ul.da-header-dropdown li.da-dropdown-caret
		{
			right:8px;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li.da-dropdown-caret .caret-outer, 
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li.da-dropdown-caret .caret-inner
		{
			padding:0; margin:0;
			position: absolute;
			top: 0; left: 0;
			display: block;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li.da-dropdown-caret .caret-outer
		{
			border-left: 11px solid transparent;
			border-right: 11px solid transparent;
			border-bottom: 11px solid #aaa;
			border-bottom-color: rgba(0, 0, 0, 0.2);
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li.da-dropdown-caret .caret-inner
		{
			top: 1px; left:1px;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 10px solid white;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li.da-dropdown-divider
		{
			line-height:1;
			padding-top: 1px;
			margin: 5px 1px 6px;
			border-bottom: 1px solid #DDD;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li a, 
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li span
		{
			position: relative;
			display: block;
			float: none;
			clear: both;
			text-decoration:none;
			padding: 3px 22px;
			font-size: 12px;
			font-weight: normal;
			line-height: 18px;
			color:#444444;
			
			white-space: nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li a:hover
		{
			background-color:#a9ca60;
			color:#ffffff;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li ul.da-dropdown-sub
		{
			width:200px;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li .da-dropdown-sub-title
		{
			font-size:12px;
			font-weight:bold;
			padding:9px 22px;
			background-color:#eeeeee;
			border-top: 1px solid #cacaca;
			border-bottom: 1px solid #cacaca;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li .da-dropdown-sub-footer
		{
			padding:5px 22px;
			cursor:pointer;
			background-color:#eeeeee;
			border-bottom: 1px solid #cacaca;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown li .da-dropdown-sub-footer:hover
		{
			background-color:#e0e0e0;
			color:#444444;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown ul.da-dropdown-sub li
		{
			border-bottom:1px solid #cacaca;
			overflow:hidden;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown ul.da-dropdown-sub li > a, 
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown ul.da-dropdown-sub li > span
		{
			padding:6px 22px;
		}
		
		div#da-header #da-header-top #da-header-toolbar .message ul.da-header-dropdown ul.da-dropdown-sub li > a, 
		div#da-header #da-header-top #da-header-toolbar .message ul.da-header-dropdown ul.da-dropdown-sub li > span
		{
			background:url(../../images/icons/color/email.png) no-repeat 12px center;
			padding-left:40px;
		}
		
		div#da-header #da-header-top #da-header-toolbar .message ul.da-header-dropdown ul.da-dropdown-sub li.read > a, 
		div#da-header #da-header-top #da-header-toolbar .message ul.da-header-dropdown ul.da-dropdown-sub li.read > span
		{
			background-image:url(../../images/icons/color/email_open.png);
		}

		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown ul.da-dropdown-sub li.unread a, 
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown ul.da-dropdown-sub li.unread span, 
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown ul.da-dropdown-sub li a:hover, 
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown ul.da-dropdown-sub li span:hover
		{
			background-color:#f8f8f8;
		}
		
		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown ul.da-dropdown-sub li span
		{
			padding:0;
		}

		div#da-header #da-header-top #da-header-toolbar ul.da-header-dropdown ul.da-dropdown-sub li span.time
		{
			font-size:10px;
			color:#666666;
		}

	
	/* (5.2) Bottom Header
	================================================== */
	
	div#da-header #da-header-bottom
	{
		background:url(../../images/header-bottom.png) repeat-x left top;
	}

		/* (5.2.1) Search
		================================================== */
		
		div#da-header #da-header-bottom #da-search
		{
			float:left;
			width:180px;
			padding:9px 0;
			position:relative;
		}
		
		div#da-header #da-header-bottom #da-search input[type="text"]
		{
			width:100%;
			background:#f0f0f0 url(../../images/search-icon.png) no-repeat right center;
			border:1px solid #cecece;
			margin:0;
			outline:none;
			padding:4px 12px;
			padding-right:24px;
			
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			-o-border-radius:6px;
			border-radius:6px;
			
			-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
			-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
			-o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
			box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
			
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
			
			-webkit-box-sizing:border-box;
			-o-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}
		
		div#da-header #da-header-bottom #da-search input[type="text"]:focus
		{
			background-color:#ffffff;
		}
		
		/* (5.2.2) Breadcrumbs
		================================================== */
		
		div#da-header #da-header-bottom #da-breadcrumb
		{
			margin-left:230px;
		}
		
		div#da-header #da-header-bottom #da-breadcrumb ul, 
		div#da-header #da-header-bottom #da-breadcrumb ul li
		{
			margin:0;
			list-style:none;
		}
		
		div#da-header #da-header-bottom #da-breadcrumb ul li
		{
			display:inline-block;
			line-height:1;
			padding:15px 0;
			margin-right:24px;
		}
		
		div#da-header #da-header-bottom #da-breadcrumb ul li img
		{
			max-width:16px;
			max-height:16px;
			margin-right:10px;
			float:left;
		}
		
		div#da-header #da-header-bottom #da-breadcrumb ul li a, 
		div#da-header #da-header-bottom #da-breadcrumb ul li span
		{
			text-decoration:none;
			color:#444444;
			line-height:16px;
		}
		
		div#da-header #da-header-bottom #da-breadcrumb ul li span
		{
			cursor:default;
		}
		
		div#da-header #da-header-bottom #da-breadcrumb ul li.active
		{
			border-top:5px solid #a9ca60;
			padding-top:10px;
			padding-bottom:22px;
			background:url(../../images/breadcrumb-arrow.png) no-repeat center bottom;
		}

/* (6) Main Content
================================================== */

div#da-content
{
	clear:both;
	padding-bottom:58px;
}

	/* (6.1) Sidebar Separator
	================================================== */
	
	div#da-wrapper #da-sidebar-separator, 
	div#da-wrapper.fluid #da-sidebar-separator
	{
		position:absolute;
		left:180px;
		width:50px;
		margin-left:2%;
		top:0; bottom:0;
		background:url(../../images/container-separator.png) repeat-y center top;
	}
	
	
	div#da-wrapper.fixed #da-sidebar-separator
	{
		left:50%;
		margin-left:-300px;
	}
	
	/* (6.2) Sidebar
	================================================== */
	
	div#da-content #da-sidebar
	{
		position:relative;
		float:left;
		z-index:150;
	}
	
	div#da-content #da-sidebar .da-button-container
	{
		padding:2px;
		margin-bottom:6px;
		border:1px solid #cacaca;
		
		/* CSS 3 */
		
		-webkit-border-radius:4px;
		-o-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		
		-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1);
		-o-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1);
		-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1);
		box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1);
		
		background-color: rgb(255, 255, 255);
		background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(241,241,241) 100%);
		background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(241,241,241) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(241,241,241) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(241,241,241) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(241,241,241) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(255,255,255)),
			color-stop(1, rgb(241,241,241))
		);
	}
	
	div#da-content #da-sidebar #da-main-nav.da-button-container
	{
		width:174px;
	}

		/* (6.2.1) Main Navigation
		================================================== */
		
		div#da-content #da-main-nav ul, 
		div#da-content #da-main-nav ul li
		{
			margin:0;
			list-style:none;
		}
		
		div#da-content #da-main-nav ul
		{
			border:1px solid #cacaca;
			background:#ffffff;
			
			/* CSS 3 */
			
			-webkit-border-radius:4px;
			-o-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
		}
		
		div#da-content #da-main-nav ul li
		{
			display:block;
			border-top:1px solid #ffffff;
			border-bottom:1px solid #cacaca;
			background-color:#fdfdfd;
			
			/* CSS 3 */
			
			-webkit-box-shadow:inset 0 0 2px rgba(255, 255, 255, 1);
			-o-box-shadow:inset 0 0 2px rgba(255, 255, 255, 1);
			-moz-box-shadow:inset 0 0 2px rgba(255, 255, 255, 1);
			box-shadow:inset 0 0 2px rgba(255, 255, 255, 1);	
		}
		
		div#da-content #da-main-nav ul li:first-child
		{
			border-top:0;
			
			/* CSS 3 */
			
			-webkit-border-radius:4px 4px 0 0;
			-o-border-radius:4px 4px 0 0;
			-moz-border-radius:4px 4px 0 0;
			border-radius:4px 4px 0 0;
		}
		
		div#da-content #da-main-nav ul li:last-child
		{
			border-bottom:0;
			
			/* CSS 3 */
			
			-webkit-border-radius:0 0 4px 4px;
			-o-border-radius:0 0 4px 4px;
			-moz-border-radius:0 0 4px 4px;
			border-radius:0 0 4px 4px;
		}
		
		div#da-content #da-main-nav ul li a, 
		div#da-content #da-main-nav ul li span
		{
			display:block;
			color:#444444;
			cursor:pointer;
			text-decoration:none;
			padding:18px 32px 18px 48px;
			outline:none;
			position:relative;
			background:url(../../images/menu-bulb-off.png) right center no-repeat;
		}
		
		div#da-content #da-main-nav ul li.active a, 
		div#da-content #da-main-nav ul li.active span
		{
			background-image:url(../../images/menu-bulb-on.png);
		}
		
		div#da-content #da-main-nav ul li span.da-nav-count
		{
			display:block;
			position:absolute;
			left:0; top:-1px;
			background:none;
			margin:0;
			font-size:10px;
			line-height:1;
			z-index:100;
			
			text-align:center;
			background:#f0f0f0;
			border:1px solid #bbbbbb;
			min-width:10px;
			padding:2px 4px;
			border-left:0;
			border-top:0;
			
			-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.25);
			-moz-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.25);
			-o-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.25);
			box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.25);
			
			-webkit-border-radius:0 0 2px 0;
			-moz-border-radius:0 0 2px 0;
			-o-border-radius:0 0 2px 0;
			border-radius:0 0 2px 0;
		}
		
		div#da-content #da-main-nav ul li span.da-nav-icon
		{
			padding:0; margin:0;
			width:32px; height:32px;
			background:none !important;
			position:absolute;
			left:8px;
			top:50%;
			margin-top:-16px;
		}
		
		div#da-content #da-main-nav ul li span.da-nav-icon img
		{
			max-width:24px;
			max-height:24px;
			
			position:absolute;
			left:50%; top:50%;
			margin-left:-12px;
			margin-top:-12px;
		}
		
			/* (6.2.1.1) Sub Navigation
			================================================== */
			
			div#da-content #da-main-nav ul li ul
			{
				border:none;
				background:#e9e9e9 url(../../images/submenu-shadow.png) repeat-x left top;
				
				/* CSS 3 */
				
				-webkit-border-radius:0;
				-o-border-radius:0;
				-moz-border-radius:0;
				border-radius:0;
			}
			
			div#da-content #da-main-nav ul li ul.closed
			{
				display:none;
			}
			
			div#da-content #da-main-nav ul li ul li
			{
				border:none;
				background:none;
				font-size:12px;
				
				/* CSS 3 */
				
				-webkit-box-shadow:none;
				-o-box-shadow:none;
				-moz-box-shadow:none;
				box-shadow:none;
			}
			
			div#da-content #da-main-nav ul li ul li:hover
			{
				background:url(../../images/menu-hover.png);
			}
			
			div#da-content #da-main-nav ul li ul li a, 
			div#da-content #da-main-nav ul li ul li span
			{
				padding:6px 0;
				padding-left:48px;
				background:none !important;
			}

	/* (6.3) Main Container
	================================================== */
	
	div#da-content #da-content-wrap
	{
		margin-left:230px;
		padding-bottom:20px;
		margin-top:20px;
	}
	
	div#da-content #da-content-wrap #da-content-area
	{
		float:left;
		width:100%;
		display:block;
	}

/* (7) Footer
================================================== */

div#da-footer
{
	background:#ffffff;
	border-top:1px solid #d0d0d0;
	padding:20px 0;
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
}

div#da-footer p
{
	margin:0;
}

/* (8) Media Queries
================================================== */

	/* (8.1) Smaller than 1024px
	 *
	 * 1. Ignore fixed layout
	 *
	================================================== */
	
	@media only screen and (max-width: 1023px)
	{
		/* Main Container
		================================================== */
		
		div#da-wrapper.fixed
		{
			min-width:0;
		}
		
		div#da-wrapper.fixed .da-container
		{
			width:96%;
		}
	}
	
	/* (8.2) Larger than 480px and smaller than 1024px
	 *
	 * 1. Move breadcrumb's position
	 * 2. Resize sidebar menu
	 *
	================================================== */
	
	@media only screen and (min-width: 481px) and (max-width: 1023px)
	{
		/* Search
		================================================== */
		
		div#da-header #da-header-bottom #da-search
		{
			width:115px;
		}
		
		/* Breadcrumbs
		================================================== */
		
		div#da-header #da-header-bottom #da-breadcrumb
		{
			margin-left:165px;
		}
		
		/* Sidebar
		================================================== */
		
		div#da-content #da-sidebar-separator
		{
			left:115px !important;
		}
		
		div#da-wrapper.fixed #da-sidebar-separator
		{
			margin-left:2%;
		}
		
		div#da-content #da-sidebar #da-main-nav.da-button-container
		{
			width:109px;
		}
		
		/* Main Navigation
		================================================== */
		
		div#da-content #da-main-nav ul li span.da-nav-icon
		{
			position:relative;
			width:auto; height:auto;
			left:auto;
			top:auto;
			text-align:center;
			margin:0 0 4px 0
		}
		
		div#da-content #da-main-nav ul li span.da-nav-icon img
		{
			max-width:none;
			max-height:none;
			position:relative;
			left:auto; top:auto;
			margin-left: 0;
			margin-top: 0;
		}
		
		div#da-content #da-main-nav ul li a, 
		div#da-content #da-main-nav ul li span
		{
			padding:16px;
			text-align:center;
			background-position:right top;
		}
		
		div#da-content #da-main-nav ul li ul li a, 
		div#da-content #da-main-nav ul li ul li span
		{
			padding:6px 0;
			text-align:center;
		}
		
		/* Main Container
		================================================== */
		
		div#da-content #da-content-wrap
		{
			margin-left:165px;
		}
	}

	/* (8.3) iPad Portrait, Galaxy Tab Portrait
	 *
	 * 1. Remove user avatar's margin
	 * 2. Hide username
	 *
	================================================== */
	
	@media only screen and (max-width: 768px)
	{
		div#da-header #da-header-top da-header-toolbar #da-user-profile #da-user-avatar
		{
			margin:0;
		}
				
		div#da-header #da-header-top #da-header-toolbar #da-user-profile #da-user-info
		{
			display:none;
		}
	}
	
	/* (8.4) iPhone, Android, full mobile site
	 *
	 * 1. Remove margins on all container
	 * 2. Center header logo
	 * 3. Fix positions for header toolbar
	 * 4. Move header dropdown menu's caret position
	 * 5. Hide search
	 * 6. Hide breadcrumbs
	 * 7. Hide sidebar separator
	 * 8. Hide main navigation, make it collapsible
	 * 9. Hide customizer
	 *
	================================================== */

	@media only screen and (max-width: 480px)
	{
		/* Main Container
		================================================== */
		
		div#da-wrapper .da-container
		{
			width:100% !important;
		}

		
		/* Header
		================================================== */
		
		div#da-header #da-header-bottom
		{
			height:auto;
		}
		
		div#da-header #da-header-top #da-logo-wrap
		{
			float:none;
			position:absolute;
			width:100%; height:55px;
			border-bottom:1px solid #161616;
		}
		
		div#da-header #da-header-top #da-logo
		{
			position:absolute;
			left:50%;
			text-align:center;
			margin-left:-115px;
		}
		
		/* Header Toolbar
		================================================== */
		
		div#da-header #da-header-top #da-header-toolbar
		{
			border:0;
			width:100%;
			margin-top:56px;
			border-top:1px solid #535353;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile
		{
			border:0;
			float:left;
		}

		div#da-header #da-header-top #da-header-toolbar #da-header-button-container
		{
			padding:10px 7px;
			border:0;
			float:right;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile ul.da-header-dropdown
		{
			right:auto;
			left:0;
		}
		
		div#da-header #da-header-top #da-header-toolbar #da-user-profile ul.da-header-dropdown li.da-dropdown-caret
		{
			right:auto;
			left:16px;
		}
		
		/* Search
		================================================== */
		
		div#da-header #da-header-bottom #da-search
		{
			display:none;
		}
		
		/* Breadcrumbs
		================================================== */
		
		div#da-header #da-header-bottom #da-breadcrumb
		{
			display:none;
		}
		
		/* Sidebar
		================================================== */

		div#da-content #da-sidebar-separator
		{
			display:none;
		}
		
		div#da-content #da-sidebar
		{
			display:block;
			height:55px;
			width:100%;
			cursor:pointer;
			float:none;
			background:
				url(../../images/icons/black/16/list.png) center 14px no-repeat, 
				url(../../images/header-bottom.png) repeat-x left top;
		}
		
		div#da-content #da-sidebar #da-main-nav.da-button-container
		{
			width:100%;
			padding:0;
			background:none;
			border:0;
		}
		
		div#da-content #da-sidebar #da-main-nav ul
		{
			border:0;
		}
		
		div#da-content #da-sidebar #da-main-nav ul, 
		div#da-content #da-sidebar #da-main-nav ul li
		{	
			-webkit-border-radius:0;
			-moz-border-radius:0;
			-o-border-radius:0;
			border-radius:0;
		}
		
		div#da-content #da-main-nav > ul > li:last-child
		{
			border-bottom:1px solid #cacaca;
		}
		
		/* Main Navigation
		================================================== */
		
		div#da-content #da-main-nav
		{
			position:absolute;
			display:none;
			top:41px;
		}
		
		div#da-content #da-main-nav.open
		{
			display:block;
		}
		

		/* Main Content
		================================================== */
		
		div#da-content
		{
			margin-top:auto;
		}

		/* Main Container
		================================================== */
		
		div#da-content #da-content-wrap
		{
			margin:0 2%;
		}
		

		/* Customizer
		================================================== */
		
		#da-customizer
		{
			display:none;
		}
	}
